﻿<phone:PhoneApplicationPage 
    x:Class="Groovy_IM.AddAccounts"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" OrientationChanged="PhoneApplicationPage_OrientationChanged">

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <!--Pivot Control-->
        <controls:Pivot Title="Groovy IM" x:Name="pivSwitch" SelectionChanged="pivSwitch_SelectionChanged">
            <!--"Protocol" Item One-->
            <controls:PivotItem Header="Protocol">
                <ListBox x:Name="proto" Margin="0,0,-12,0">
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                        <StackPanel Width="455" x:Name="protoWidth">
                            <Image Source="Images/Protocols/Checkmark.png" Width="64" Height="64" HorizontalAlignment="Left" Tag="0" Tap="TextBlock_Tap" x:Name="AIM"/>
                            <Image Source="Images/Protocols/AIM.png" Width="64" Height="64" HorizontalAlignment="Left" Tap="TextBlock_Tap" Margin="70,-64,0,0" Tag="0"/>
                            <TextBlock Text="AIM / ICQ / iChat" FontSize="32" Margin="140,-55,0,0" Tag="0" Tap="TextBlock_Tap"/>
                            <Image Source="Images/Protocols/nonselected.png" Width="64" Height="64" HorizontalAlignment="Left" Tag="1" Tap="TextBlock_Tap" x:Name="MSN" />
                            <Image Source="Images/Protocols/GOOGLE.png" Width="64" Height="64" HorizontalAlignment="Left" Tap="TextBlock_Tap" Margin="70,-64,0,0" Tag="1"/>
                            <TextBlock Text="Google Talk" FontSize="32" Margin="140,-55,0,0" Tag="1" Tap="TextBlock_Tap"/>
                            <Image Source="Images/Protocols/nonselected.png" Width="64" Height="64" HorizontalAlignment="Left" Tag="2" Tap="TextBlock_Tap" x:Name="YIM" />
                            <Image Source="Images/Protocols/YAHOO.png" Width="64" Height="64" HorizontalAlignment="Left" Tap="TextBlock_Tap" Margin="70,-64,0,0" Tag="2"/>
                            <TextBlock Text="Yahoo! Messenger" FontSize="32" Margin="140,-55,0,0" Tag="2" Tap="TextBlock_Tap"/>
                            <Image Source="Images/Protocols/nonselected.png" Width="64" Height="64" HorizontalAlignment="Left" Tag="3" Tap="TextBlock_Tap" x:Name="MySpace" />
                            <Image Source="Images/Protocols/myspace.png" Width="64" Height="64" HorizontalAlignment="Left" Tap="TextBlock_Tap" Margin="70,-64,0,0" Tag="3"/>
                            <TextBlock Text="MySpace IM" FontSize="32" Margin="140,-55,0,0" Tag="3" Tap="TextBlock_Tap"/>
                            <Image Source="Images/Protocols/nonselected.png" Width="64" Height="64" HorizontalAlignment="Left" Tag="5" Tap="TextBlock_Tap" x:Name="Jabber" />
                            <Image Source="Images/Protocols/JABBER.png" Width="64" Height="64" HorizontalAlignment="Left" Tap="TextBlock_Tap" Margin="70,-64,0,0" Tag="5"/>
                            <TextBlock Text="Jabber" FontSize="32" Margin="140,-55,0,0" Tag="4" Tap="TextBlock_Tap"/>
                        </StackPanel>
                    </StackPanel>
                </ListBox>
            </controls:PivotItem>

            <!--"Account Details" Item Two-->
            <controls:PivotItem Header="Account">
                <ListBox x:Name="accDet" Margin="0,0,-12,0" SelectionChanged="accDet_SelectionChanged">
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                        <StackPanel Width="455" x:Name="accWidth">
                            <TextBlock Text="Username" HorizontalAlignment="Center" FontSize="{StaticResource PhoneFontSizeLarge}"/>
                            <TextBox x:Name="userName" />
                            <TextBlock Text="Password" HorizontalAlignment="Center" FontSize="{StaticResource PhoneFontSizeLarge}" />
                            <PasswordBox x:Name="passWord" />
                            <TextBlock Text="Server" HorizontalAlignment="Center" FontSize="{StaticResource PhoneFontSizeLarge}"/>
                            <TextBox x:Name="Server" Text="login.oscar.aol.com" TextAlignment="Center" />
                            <TextBlock Text="Port" HorizontalAlignment="Center" FontSize="{StaticResource PhoneFontSizeLarge}" />
                            <TextBox x:Name="Port" Text="5190" TextAlignment="Center" />
                            <TextBlock Text="Account Description" HorizontalAlignment="Center" FontSize="{StaticResource PhoneFontSizeLarge}" />
                            <TextBox x:Name="Description" Text="Personal Account" TextAlignment="Center" LostFocus="Description_LostFocus" GotFocus="Description_GotFocus" />
                        </StackPanel>
                    </StackPanel>
                </ListBox>
            </controls:PivotItem>

            <!--"Account Options" Item Three-->
            <controls:PivotItem Header="Options">
                <ListBox x:Name="accOpt" Margin="0,0,-12,0">
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                        <StackPanel Width="455" x:Name="optWidth">
                            <CheckBox IsChecked="True" Content="Automatic Login" x:Name="aLogin" />
                            <CheckBox IsChecked="True" Content="Save Login Details" x:Name="sLoginDetails" />
                            <CheckBox Content="Invisibile Login" x:Name="iLogin" />
                            <CheckBox IsChecked="True" Content="Show me on my Windows Phone 7" x:Name="mLogin" />
                        </StackPanel>
                    </StackPanel>
                </ListBox>
            </controls:PivotItem>
        </controls:Pivot>
    </Grid>
    
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="False" IsMenuEnabled="False">
            <shell:ApplicationBarIconButton IconUri="/Images/App/AppBar/appbar.feature.account.rest.png" Text="accounts"/>
            <shell:ApplicationBarIconButton IconUri="/Images/App/AppBar/appbar.feature.search.rest.png" Text="search"/>
            <shell:ApplicationBarIconButton IconUri="/Images/App/AppBar/appbar.feature.settings.rest.png" Text="settings"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="help"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>